<div class="album">

    <div class="head_title">
        <span class="jump-color" ui-sref="main.album">专辑审核</span>
        <span class="tit-color"> / 专辑编审</span>
    </div>
    <form class="form-horizontal  w5c-form "  w5c-form-validate name="mainForm" style="margin-top: 15px">
        <div class="header">基本信息</div>

        <section class="fg-section" >
            <div class="pull-left" style="margin-left: 10px;position: relative">
                <img ng-src="{{formData.albumCover}}" style="width: 350px;height: 350px;margin-left: 10px">
                <div style="text-align: center;">
                    <label for="fileInput" class="btn btn-feng" style="padding: 3px 25px">
                        修改封面
                    </label>
                </div>
                <span style="position: absolute; color: red;font-size: 12px;right: -37px;bottom: 5px">{{errorImg}}</span>
                <input type="file" id="fileInput" style="display: none"  >
            </div> 
            <div class="pull-left" style="width: 500px;">
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label">专辑_ID：</label>
                    <div class="col-sm-7 personal-head">
                        <label style="font-weight: normal;margin-top: 6px" >{{formData.albumId}}</label>
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label"><i class="red-icon">*</i>专辑名称：</label>
                    <div class="col-sm-7 personal-head">
                        <input type="text" class="input" placeholder="专辑名称" ng-model="formData.albumName"
                                name="albumName" required="" ng-minlength="1" ng-maxlength="40">
                    </div>
                </div>


                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label"><i class="red-icon">*</i>专辑频道：</label>
                    <div class="col-sm-7 personal-head">
                        <ui-select ng-model="categorySelected" theme="bootstrap" style="width: 124px;float: left" ng-change="categoryChange(categorySelected)">
                            <ui-select-match placeholder="请选择" style="padding-left: 0" >{{$select.selected.categoryName}}</ui-select-match>
                            <ui-select-choices repeat="category in categories | filter: $select.search">
                                <span ng-bind-html="category.categoryName | highlight: $select.search"></span>
                            </ui-select-choices>
                        </ui-select>

                        <ui-select ng-model="$parent.channelSelected" theme="bootstrap" style="width: 124px;margin-left: 20px;float: left" ng-change="channelChange($parent.channelSelected)">
                            <ui-select-match placeholder="请选择">{{$select.selected.channelName}}</ui-select-match>
                            <!--allow-clear="true"-->
                            <ui-select-choices repeat="channel in channels | filter: $select.search">
                                <span ng-bind-html="channel.channelName | highlight: $select.search"></span>
                            </ui-select-choices>
                        </ui-select>
                        <br/><br/>
                        <input type="number" ng-model="channelSelected.channelId" hidden
                               name="categoryName" required="" style="margin-left: 10px"/>
                    </div>
                </div>


                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label"><i class="red-icon">*</i>更新频率：</label>
                    <div class="col-sm-7 personal-head">
                        <label class="btn btn-xs" ng-class="{on : formData.updateTimes == 71}" >
                            <input type="radio" class="hide" name="radioPay" ng-value="71" ng-model="formData.updateTimes" ng-change="searchChange()">不定期
                        </label>
                        <label class="btn btn-xs" ng-class="{on : formData.updateTimes == 72}"  >
                            <input type="radio" class="hide" name="radioPay" ng-value="72" ng-model="formData.updateTimes" ng-change="searchChange()">每天
                        </label>
                        <label class="btn btn-xs" ng-class="{on : formData.updateTimes == 73}"  >
                            <input type="radio" class="hide" name="radioPay" ng-value="73" ng-model="formData.updateTimes" ng-change="searchChange()">每周
                        </label>
                        <label class="btn btn-xs" ng-class="{on : formData.updateTimes == 74}"  >
                            <input type="radio" class="hide" name="radioPay" ng-value="74" ng-model="formData.updateTimes" ng-change="searchChange()">每月
                        </label>

                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label"><i class="red-icon">*</i>节目排序：</label>
                    <div class="col-sm-7 personal-head">
                        <label class="btn btn-xs" ng-class="{on : formData.programSort == 61}" >
                            <input type="radio" class="hide" name="radioPay" ng-value="61" ng-model="formData.programSort" >正序
                        </label>
                        <label class="btn btn-xs" ng-class="{on : formData.programSort == 62}"  >
                            <input type="radio" class="hide" name="radioPay" ng-value="62" ng-model="formData.programSort">倒序
                        </label>
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label"><i class="red-icon">*</i>主播：</label>
                    <div class="col-sm-7 personal-head">
                        <input type="text" class="input" placeholder="多个关键词之间，用逗号或分号或顿号做区隔" ng-model="formData.anchorName"
                               name="anchorName" w5c-customizer="BaseValidations.checkProgrammeAnchorName(formData.anchorName)" required>
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label">原创：</label>
                    <div class="col-sm-7 personal-head">
                        <input type="text" class="input long-input"  ng-model="formData.originalName" placeholder="多个原创之间，用逗号或分号或顿号做区隔"
                               name="originalName" w5c-customizer="BaseValidations.checkKeywordA(formData.originalName)">
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label"><i class="red-icon">*</i>专辑简介：</label>
                    <div class="col-sm-7 personal-head">
                        <textarea class="input long-input"  ng-model="formData.summary"
                                name="summary" ng-maxlength="1000" ng-minlength="5"  style="padding-left: 4px;line-height: 20px" required ></textarea>
                    </div>
                </div>
                
            </div>

           <div class="clear"></div>

        </section>



        <div class="header">标签信息</div>

        <section class="fg-section tagStyle">
            <div class="form-group personal-second tag">
                <label class="col-sm-3 control-label"><i class="red-icon">*</i>通用标签：</label>
                <div class="col-sm-7 personal-head" style="width: 590px">
                    <ui-select ng-model="$parent.commonTagsSelected" multiple theme="bootstrap" close-on-select="false" remove-selected="false" style="width: 100%">
                        <ui-select-match placeholder="最多选择5个标签" allow-clear="true">{{$item.commtagName}}</ui-select-match>

                        <ui-select-choices repeat="tag in commonTags | filter: { commtagName: $select.search }" group-by="commGroupFn">
                            <span ng-bind-html="tag.commtagName | highlight: $select.search"></span>
                        </ui-select-choices>
                    </ui-select>
                    <input type="number"  ng-model="commonTagsSelected.length" hidden
                           name="commonTags" max="5" min="1" required style="height: 28px">
                </div>
            </div>
            <div class="form-group personal-second tag" ng-show="channelSelected.channelId">
                <label class="col-sm-3 control-label"><i class="red-icon">*</i>专用标签：</label>
                <div class="col-sm-7 personal-head" style="width: 590px">
                    <ui-select ng-model="$parent.specialTagsSelected" multiple theme="bootstrap" close-on-select="false" remove-selected="false" style="width: 100%">
                        <ui-select-match placeholder="最多选择5个标签"  allow-clear="true">{{$item.specialName}}</ui-select-match>

                        <ui-select-choices repeat="tag in specialTags | filter: { specialName: $select.search }" group-by="specialGroupFn">
                            <span ng-bind-html="tag.specialName | highlight: $select.search"></span>
                        </ui-select-choices>
                    </ui-select>
                    <input type="number"  ng-model="specialTagsSelected.length" hidden
                           name="specialTags" max="5" min="1" style="height: 28px">
                </div>
            </div>
            <div class="form-group personal-second tag">
                <label class="col-sm-3 control-label">关键词：</label>
                <div class="col-sm-7 personal-head">
                    <input type="text" class="input long-input" placeholder="多个关键词之间，用逗号或分号或顿号做区隔" ng-model="formData.keyword"
                            name="keyword" w5c-customizer="BaseValidations.checkKeyword(formData.keyword)"
                           style="width: 560px !important;max-width: none">
                </div>
            </div>

        </section>
        <div class="header">审核信息</div>

        <section class="fg-section">
            <div class="form-group personal-second">
                <label class="col-sm-3" style="text-align: right;margin-top: 7px">审核：</label>
                <div class="col-sm-7 personal-head" ng-init="formData.reviewStatus==8" >
                    <label class="radio-inline">
                        <input type="radio" class="magic-radio" value="8" id="8" ng-model="formData.reviewStatus"ng-change="statusChange()">
                        <label for="8" style="vertical-align: top;"></label>
                        通过
                    </label>

                    <label class="radio-inline">
                        <input type="radio" class="magic-radio" value="9" id="9" ng-model="formData.reviewStatus"ng-change="statusChange()">
                        <label for="9" style="vertical-align: top;"></label>
                        未通过
                    </label>
                </div>

            </div>

            <div ng-if="formData.reviewStatus==9">
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label"><i class="red-icon">*</i>失败原因：</label>
                    <div class="col-sm-7 personal-head">
                        <ui-select ng-model="$parent.reviewError" theme="bootstrap" style="width: 300px;float: left" ng-change="reviewErrorChange(reviewError)">
                            <ui-select-match placeholder="请选择">{{$select.selected.value}}</ui-select-match>
                            <ui-select-choices repeat="reason in failReason | filter: $select.search">
                                <span ng-bind-html="reason.value | highlight: $select.search"></span>
                            </ui-select-choices>
                        </ui-select>

                        <input type="hidden"  ng-model="reviewError"   name="reason" required w5c-dynamic-element >
                    </div>
                </div>
                <div class="form-group personal-second">
                    <label class="col-sm-3 control-label">详细原因：</label>
                    <div class="col-sm-7 personal-head">
                        <textarea class="input long-input"  style="padding:3px  5px "ng-model="formData.reviewErrorMemo"
                                  name="reasonDetail"  ng-maxlength="400" w5c-dynamic-element></textarea>
                    </div>
                </div>
            </div>
        </section>

        <footer class="container-fluid foot-wrap">
            <div class="text-center">
                <button class="btn btn-primary" type="button"  w5c-form-submit="submit()" style="width: 90px">{{'确定'}}</button>
                <button type="button" class="btn ims-btn"  ui-sref="main.album" style="width: 90px">取消</button>
            </div>
        </footer>

    </form>


</div>
